<template>
    <!-- 中部 -->
    <div>

    <div class="img">
      <img class="aa" src="../../static/images/home.png" style="width: 100%; height: 100%;"/>
    </div>
    <div class="you">
            <ul style="list-style-type: none">
              <li><img src="../../static/images/recom01.png" /></li>
              <li><img src="../../static/images/recom02.png" /></li>
              <li><img src="../../static/images/recom03.png" /></li>
              <li><img src="../../static/images/recom04.png" /></li>
            </ul>
    </div>
    <div class="xia">
    <li id="note-80297960" data-note-id="80297960" class="have-img">
        <a class="wrap-img" href="/p/deca078d3a9c" target="_blank">
        <img class="p1" src="../../static/images/1.jpg" />
        </a>
      <div class="content">
        <a class="title" target="_blank" href="/p/deca078d3a9c"><h2>"没见识的女孩，牛排都点8分熟！"</h2></a>
        <p class="abstract">
         不要在物欲横流的世界，迷失了自我。 这样独一无二的你，其实很美好。 爸爸是镇上<br/>
         的木匠，妈妈是饭店服务员。 一年忙到头，家庭年收入不过4万多。 这...
        </p>
      </div>
    </li>
    </div>
    <div class="xia">
    <li id="note-80297960" data-note-id="80297960" class="have-img">
        <a class="wrap-img" href="/p/deca078d3a9c" target="_blank">
        <img class="p1" src="../../static/images/1.jpg" />
        </a>
      <div class="content">
        <a class="title" target="_blank" href="/p/deca078d3a9c"><h2>"没见识的女孩，牛排都点8分熟！"</h2></a>
        <p class="abstract">
         不要在物欲横流的世界，迷失了自我。 这样独一无二的你，其实很美好。 爸爸是镇上<br/>
         的木匠，妈妈是饭店服务员。 一年忙到头，家庭年收入不过4万多。 这...
        </p>
      </div>
    </li>
    </div>
    </div>

</template>

<script>
  export default{

  };
</script>

<style>
  .img{
    width: 750px;
    height: 404px;

  }
  .aa{
    border-radius: 10px;
    position: relative;
    left: 100px;
  }
  .you{
    position: relative;
    left: 400px;
    top: -428px;
     list-style: none;
  }
  .xia{
    position: relative;
    top: -500px;
    left: -200px;

  }
.title{
  text-decoration: none;
}
.p1{
  width: 150px;
  height: 150px;
   border-radius: 10px;
   position: relative;
   left: 400px;
   top: 150px;
}
</style>
